<template>
	<view class="box">
	  <view @click="toRoom" class="every" v-for="(item,index) in list" :key="index">
	   <text>{{item.name}}</text>
	   <u-icon name="arrow-right"></u-icon>
	  </view>
	 </view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{name:'北京西三旗花园1号楼101'},
					{name:'北京西三旗花园1号楼102'},
					{name:'北京西三旗花园1号楼103'},
					{name:'北京西三旗花园1号楼201'},
					{name:'北京西三旗花园1号楼202'},
					{name:'北京西三旗花园1号楼203'},
				]
			};
		},
		methods:{
			toRoom(){
				uni.navigateTo({
					url:'/pkg-house/seach-room/seach-room'
				})
			}
		}
	}
</script>

<style lang="scss">
.box {
  padding: 0 20rpx 0 30rpx;
  box-sizing: border-box;
 }

 .every {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx 0;
  box-sizing: border-box;
  font-weight: regular;
  font-size: 28rpx;
  line-height: 1.5;
 }
</style>
